<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" href="css/usermessage.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/rem.js"></script>
    <script src="js/usermessage.js"></script>
</head>

<body>
    <div id="container">
        <header>
            <div class="header">
                <a href="usercenter.html"><img src="images/retrun.png" alt=""></a>
                <p>个人信息</p>
            </div>
        </header>
        <div class="usermessage">
            <div class="usermessage_itemsOne">
                <p class="P_Color">头像</p>
                <div class="items_rigth">
                    <p><img src="images/usermessage_center.png" alt="" class="usermessage_center"></p>
                    <p><img src="images/usermessages-rigth.png" alt="" class="usermessages_rigth"></p>
                </div>
            </div>
            <span></span>
            <div class="usermessage_items">
                <p class="P_Color">昵称</p>
                <div class="items_rigth">
                    <p id="nickname">小阿喵</p>
                    <p><img src="images/usermessages-rigth.png" alt="" class="usermessages_rigthTwo"></p>
                </div>
            </div>
            <span></span>
            <div class="usermessage_items">
                <p class="P_Color" >性别</p>
                <div class="items_rigth">
                    <p id="sex">女</p>
                    <p><img src="images/usermessages-rigth.png" alt="" class="usermessages_rigthTwo"></p>
                </div>
            </div>
            <span></span>
            <div class="usermessage_items">
                <p class="P_Color">简介</p>
                <div class="items_rigth">
                    <p id="Introduction">永远可爱，永远呆萌萌</p>
                    <p><img src="images/usermessages-rigth.png" alt="" class="usermessages_rigthTwo"></p>
                </div>
            </div>
            <span></span>
        </div>
        <!-- 点击之后弹出 -->
        <div id="nickname_none">
            <div class="nickname_none">
                <div class="nickname_none_top">
                    <p>编辑昵称</p>
                    <img src="./images/fork.png" alt="" id="fork">
                </div>
                <input type="text" class="input" value="小阿猫">
                <p class="nickname_none_p">4-30个字符，支持中英文、数字</p>
                <div id="nickname_none_bottom">
                    保存
                </div>
            </div>
        </div>
        <div id="SEX">
            <div id="SEX_contain">
                <p>男</p>
                <p>女</p>
            </div>
        </div>
        <div id="Introd">
            <div class="Introd_none">
                <div class="Introd_none_top">
                    <p>编辑简介</p>
                    <img src="images/fork.png" alt="" id="close">
                </div>
                <input type="text" class="input changetext" value="永远可爱，永远呆萌萌">
                <div id="save">
                    保存
                </div>
            </div>
        </div>
    </div>
</body>

</html>